<template>
  <div>
    <MyDialog>
      
      <!-- v-slot:header 简写 #header -->
       <template #header>
        <h2>温馨提示</h2>
       </template>
    
      <template #body>
        <h2>请确认内容</h2>
       </template>
    
      <template #footer>
        <button>取消</button>
        <button>确认</button>
       </template>
    </MyDialog>
  </div>
</template>

<script>
import MyDialog from './components/MyDialog.vue'
export default {
  data () {
    return {

    }
  },
  components: {
    MyDialog
  }
}
</script>

<style>
body {
  background-color: #b3b3b3;
}
</style>